.bg-gray{
	background: #e9ecf3;
	padding:20px 10px;
}
.header {
	padding: 0 0 0 20px;
}

.header .item {
	padding-left: 0;
	padding-right: 20px;
}

.header .item .content {
	height: 120px;
	text-align: center;
	border-radius: 5px;
}

.header .item .content span {
	font-family: PingFangSC-Regular;
	font-size: 22px;
	color: #333333;
	letter-spacing: 0;
	line-height: 120px;
}

.header .item .content img {
	height: 45px;
	width: 45px;
	margin-right: 15px;
	position: relative;
	top: -40px;
}

.line {
	width: 100%;
	padding: 20px 0;
}

.line div {
	border-bottom: 1px solid #d8d8d8;
}

.bg-white {
	background: #fff;
}

.statistics,
.chartItem {
	width: 100%;
	padding: 0 20px;
	
}

.chartItem{
	opacity: 0;
}
.statistics .content,
.chartItem .content {
	padding: 20px 15px;
	border-bottom: 1px solid #D8D8D8;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #838FA1;
	letter-spacing: 0;
	line-height: 16px;
}

.statistics .warpper .warpper-item {
	padding: 30px 0;
	font-family: PingFangSC-Regular;
	text-align: center;
	letter-spacing: 0;
}

.statisWarpper .warpper-item .top {
	font-size: 16px;
	color: #000000;
	line-height: 16px;
}

.statisWarpper .warpper-item .top img {
	position: relative;
	top: 5px;
	margin-right: 15px;
}

.statisWarpper .warpper-item .buttom {
	font-size: 32px;
	color: #F26526;
	line-height: 32px;
	margin-top: 20px;
}

.chart {
	margin-top: 10px;
}

.chart .chartItem {
	height: 500px;
}

.chartItem .carvers {
	height: 420px;
}

.item a:hover {
	text-decoration: none;
}
.hidechart{
	opacity: 0;
}
.showblock{
	display: block;
}
.showchart{
	opacity: 1;
}
.add-carvers{
	position: absolute;
	top:-380px;
}
